@import "comnom.less";
body{
	min-width: 320px;
	max-width: 750px;
	width: 15rem;
	margin: 0 auto;
	line-height: 1.5;
	font-family: Arial,Helvetica;
	background-color: #f2f2f2;
}
div,input,span{
	box-sizing: border-box;
}
@unm:50px;
.index{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 15rem;
	height:(180rem/@unm);
.search-index{
	display: flex;
	align-items: center;
	width: 15rem;
	height:(88rem / @unm);
	background-color: #ffdb47;
	& img:nth-child(1){
		margin-left: (27rem/@unm);
		width:(36rem / @unm);
		height: (60rem / @unm);
		
	}
	& div:nth-child(2){
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		img{
			width:(390rem / @unm);
			height: (76rem / @unm);
		}
	}
	& img:nth-child(3){
		margin-right: (15rem/@unm);
		width:(36rem / @unm);
		height: (60rem / @unm);
	}
}
.seaech{
	position:fixed;
	top: (88rem / @unm);
	left: 50%;
	transform:translateX(-50%);
	overflow: hidden;
	width: 15rem;
	height: (92rem/@unm);
	background:url(../images/bj.png) no-repeat ;
	background-size: 100%;
	&::before{
		content: "";
		position: absolute;
		top:(26rem/@unm);
		left:(15rem/@unm);
		display:block;
		width: (36rem/@unm);
		height: (36rem/@unm);
		background:url(../images/tp4.png) no-repeat ;
		background-size: 100%;
	}
	input{
		display: block;
		width: 98%;
		height:(64rem/@unm);
		border-radius:(32rem/@unm);
		text-decoration: none;
		color: #7b807e;
		font-size: (24rem/@unm);
		background-color: white;
		outline: none;
		border: 0;
		padding-left:(51rem/@unm) ;
		margin: (12rem/@unm) auto 0;
	}
}
}
.focus{
		width: 15rem;
		height: (368rem/@unm);
		background: url(../images/bj.png) no-repeat;
		background-size: 142%;
		margin-top:(92rem/@unm) ;
		img{
			display: block;
			width: 96%;
			height: (368rem/@unm);
			border-radius: (28rem/@unm);
			margin: 0 auto;
		}
	}
.local{
	margin-top: (16rem/@unm);
	width: 15rem;
	height: (308rem/@unm);
	ul{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		height: (308rem/@unm);
		margin: 0;
		padding: 0;
		list-style: none;
		li{
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp11.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(2){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp12.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(3){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp13.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(2){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp14.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(4){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(5){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp16.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(6){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp17.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(7){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp18.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(8){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp19.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(9){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp20.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
		& li:nth-child(10){
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 20%;
			height: (155rem/@unm);
			& span:nth-child(1){
				width: (88rem/@unm);
				flex: 1;
				background: url(../images/tp21.png) no-repeat;
				background-size: (88rem/@unm) auto;
			}
			& span:nth-child(2){
				flex: 1;
				width: (150rem/@unm);
				height: (77.5rem/@unm);
				font-size: 0.44rem;
				text-align: center;
				line-height:(50.5rem/@unm);
			}
		}
	}
}
.nav{
	display: flex;
	width: 15rem;
	height: (234rem/@unm);
& img:nth-child(1){
	flex: 2;
	height: (234rem/@unm);
}
& img:nth-child(1+n){
	flex: 1;
	height: (234rem/@unm);
}
}
.flexd{
	position: fixed;
	z-index: 999999999;
	right: 0;
	top: (450rem/@unm);
	width: (100rem/@unm);
	height: (100rem/@unm);
	img{
		width: (100rem/@unm);
		height: (100rem/@unm);
	}
}
.fous{
	position: relative;
	width: 15rem;
	border-radius: (22rem/@unm);
	overflow: hidden;
	height: (368rem/@unm);
	margin-top: (32rem/@unm);
	    .swiper-slide {
	      text-align: center;
	      font-size: 18px;
	      background: #fff;
		  width: (750rem/@unm);
		  height: (368rem/@unm);
		  background-color: pink;
	      /* Center slide text vertically */
	      display: -webkit-box;
	      display: -ms-flexbox;
	      display: -webkit-flex;
	      display: flex;
	      -webkit-box-pack: center;
	      -ms-flex-pack: center;
	      -webkit-justify-content: center;
	      justify-content: center;
	      -webkit-box-align: center;
	      -ms-flex-align: center;
	      -webkit-align-items: center;
	      align-items: center;
		  margin-right: 0;
		  transition: 300ms;
		  transform: scale(0.8);
		  opacity: 0.5;
		  a{
			  width: (750rem/@unm);
			  height: (368rem/@unm);
			  img{
				  width: 100%;
				  height: 100%;
			  }
		  }
	    }
		.swiper-slide-active,.swiper-slide-duplicate-active{
	      transform: scale(2.7,1);
		  z-index: 999;
		  opacity: 1;
		}
}
.subnav-entry{
	display: flex;
	overflow: hidden;
	margin: 0 auto;
	width:98%;
	height: (258*2rem/@unm);
	margin-top: (32rem/@unm);
	background-color: white;
	border-radius: (25rem/@unm);
div{
	flex: 1;
	width: (175rem/@unm);
.subnav{
	display: flex;
	flex-flow: column;
	width: 100%;
	height: (258rem/@unm);
	flex: 1;
	flex-flow: column;
	
.subnav-box1{
	display: flex;
	flex-direction: row;
	width: 80%;
	flex: 1.5;
& span:nth-child(1){
	flex: 4;
	height: (36.86rem/@unm);
	margin-right: (8rem/@unm);
	margin-top:(16rem/@unm) ;
	font-size: (28rem/@unm) !important;
	text-align: center;
	line-height:(36.86rem/@unm);
	font-weight: 600;
}
& span:nth-child(n+2){
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: (36.86rem/@unm);
	background-color: #f7d104;
	margin-right: (8rem/@unm);
	border-radius: (10rem/@unm);
	margin-top:(16rem/@unm) ;
	font-size: (24rem/@unm) !important;
	font-weight: 600;
}
& .sapn::before{
    content: ":";
	margin-left: -0.25rem;
	margin-right: 0.1rem;
}
& .span::before{
	display: block;
    content: ":";
	margin-left: -0.25rem;
	margin-right: 0.1rem;
}
}
.subnav-box2{
	width: 100%;
	flex: 1.5;
	font-size: (24rem/@unm) !important;
	color: #acafa8;
	padding-left: (16rem/@unm);
}
.subnav-box3{
	display: flex;
	width: 100%;
	flex: 5;
.sub{
	position: relative;
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	flex: 1;
& span:nth-child(1){
	flex: 4.5;
	width:(120rem/@unm);
	height:(120rem/@unm);
	.img{
		width:(120rem/@unm);
		height:(120rem/@unm);
	}
}
.sjx{
	display: block;
	position: absolute;
	width: (150rem/@unm);
	height: (38rem/@unm);
	top: (110rem/@unm);
	background: -webkit-linear-gradient(left,#e1e1e1,#b2b2b2);
	border-radius: (15rem/@unm);
	box-shadow: (3rem/@unm) (3rem/@unm) (78rem/@unm) (25rem/@unm) #949494;
	text-align: center;
	line-height:(38rem/@unm);
	color: black;
	font-size: (15rem/@unm) !important;
& .sjx::after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width:0;
	height:0;
	border-radius: (5rem/@unm);
	border-width:(44rem/@unm) (38rem/@unm) 0 (38rem/@unm);
	border-color:white transparent transparent transparent;
	border-style: solid;
}
}
& span:nth-child(2){
	flex: 1;
	width: (120rem/@unm);
	height: (28rem/@unm);
	text-align: center;
	line-height:(28rem/@unm);
	color: #e8691c;
	font-size: (24rem/@unm) !important;
	padding-right: (10rem/@unm);
      }
     }
    }
   }
  }
}
.entry{
	width: 98%;
	height: (172rem/@unm);
	margin: 0 auto;
	margin-top: (8rem/@unm);
	background-color: white;
	border-radius: (25rem/@unm);
.entry-ul{
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: (172rem/@unm);
& li:nth-child(n+1){
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	height: 100%;
& span:nth-child(1){
	flex: 1;
	height:(100rem/@unm);
	img{
	margin-top: (22rem/@unm);
	width:(100rem/@unm);
	height:(100rem/@unm);
	}
}
& span:nth-child(2){
	flex: 1;
	height:(30rem/@unm);
	font-size: (16rem/@unm);
	margin-top: (16rem/@unm);
}
}
& li:nth-child(1){
	flex: 1.3;
	height: 100%;
	h6{
		margin:(30rem/@unm) 0 0 (12rem/@unm);
		padding: 0;
	}
.text1{
		display: block;
		margin-top:(6rem/@unm) ;
		margin-left:(12rem/@unm) ;
		font-size: (24rem/@unm) !important;
		color: #aeb6c3;
	}
}
}	
}
.tjbd{
	width: 15rem;
	height: (60rem/@unm);
	font-size: 0.56rem;
	padding-left: (17rem/@unm);
	line-height:(60rem/@unm) ;
	font-weight: 600;
}
.her-td{
	overflow: hidden;
	width:98%;
	height: (266rem/@unm);
	margin: 0 auto;
	border-radius: (25rem/@unm);
	background-color: white;
	ul{
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		li{
			position: relative;
			flex: 1;
			height: 100%;
		& div:nth-child(1){
				width: (150rem/@unm);
				height: (150rem/@unm);
				margin: (24rem/@unm) auto 0;
				img{
					width: (150rem/@unm);
					height: (150rem/@unm);
				}
			}
		& div:nth-child(2){
			position: absolute;
			width: 100%;
			height:(92rem/@unm);
			background-color: #e4b78d;
			& span:nth-child(1){
				position: absolute;
				width: 100%;
				height:(32rem/@unm);
				top: (16rem/@unm);
				text-align: center;
				line-height:(32rem/@unm);
				color: white;
				font-size: (18rem/@unm);
				font-weight: 600;
			}
			& span:nth-child(2){
				position: absolute;
				width: 100%;
				height:(32rem/@unm);
				top: (46rem/@unm);
				text-align: center;
				line-height:(32rem/@unm);
				color: white;
				font-size: (18rem/@unm);
				color: #f4e1d0;
				font-weight: 600;
			}
		}
		& div:nth-child(3){
			position: absolute;
			width: (100rem/@unm);
			height: (34rem/@unm);
			top: (174rem/@unm);
			left: 50%;
			transform: translate(-50%,-50%);
			border-radius: (12rem/@unm);
			border:1px solid #bda790;
			background-color: white;
			text-align: center;
			line-height:(34rem/@unm);
			font-size: (15rem/@unm);
			font-weight: 600;
			color: #d9b895;
		}
		}
		.li{
			position: relative;
			overflow: hidden;
			flex: 1;
			height: 100%;
			.li-ul{
				position: absolute;
				left:-100%;
				width:500%;
				height: 100%;
				margin: 0;
				padding: 0;
				list-style: none;
			.li-ul-li{
				position: relative;
				width: 20%;
				height: 100%;
				& div:nth-child(1){
						width: (150rem/@unm);
						height: (150rem/@unm);
						margin: (24rem/@unm) auto 0;
						img{
							width: (150rem/@unm);
							height: (150rem/@unm);
						}
					}
				& div:nth-child(2){
					position: absolute;
					width: 100%;
					height:(92rem/@unm);
					background:url(../images/bj1.png) no-repeat ;
					background-size: 100%;
					& span:nth-child(1){
						position: absolute;
						width: 100%;
						height:(32rem/@unm);
						top: (16rem/@unm);
						text-align: center;
						line-height:(32rem/@unm);
						color: white;
						font-size: (18rem/@unm);
						font-weight: 600;
					}
					& span:nth-child(2){
						position: absolute;
						width: 100%;
						height:(32rem/@unm);
						top: (46rem/@unm);
						text-align: center;
						line-height:(32rem/@unm);
						color: white;
						font-size: (18rem/@unm);
						color: #f4e1d0;
						font-weight: 600;
					}
				}
				& div:nth-child(3){
					position: absolute;
					width: (100rem/@unm);
					height: (34rem/@unm);
					top: (174rem/@unm);
					left: 50%;
					transform: translate(-50%,-50%);
					border-radius: (12rem/@unm);
					border:1px solid #ffdcae;;
					background-color: white;
					text-align: center;
					line-height:(34rem/@unm);
					font-size: (15rem/@unm);
					font-weight: 600;
					color: #d9b895;
				}
				}
			}
			}
		}
	}
.foot{
	display: flex;
	flex-direction: column;
	width: 15rem;
	height: (190rem/@unm);
& div:nth-child(1){
	width: 100%;
	height:(90rem/@unm);
	background: url(../images/lj.png) no-repeat;
	background-size: 100%;
}
& div:nth-child(2){
	display: flex;
	flex-flow: row;
	width: 100%;
	height:(100rem/@unm);
	span{
		display: flex;
		flex-direction: column;
		align-items: center;
	img{
		margin-top: (10rem/@unm);
		width: (48rem/@unm);
		height: (48rem/@unm);
	}
span{
	width: (150rem/@unm);
	height: (32rem/@unm);
	font-size: (24rem/@unm) !important;
	color: #ACAFA8;
	text-align:center;
	line-height:(32rem/@unm) ;
}
& span:nth-child(1){
	width: (150rem/@unm);
	height: (32rem/@unm);
	font-size: (25rem/@unm) !important;
	font-weight: 600;
	color:black;
	text-align:center;
	line-height:(32rem/@unm) ;
}
}
}
}
